<!DOCTYPE html>
<html class=" js " style="overflow: hidden;"><head>
<title>华美医药后台管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="Novus Admin Panel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
<link href="home_files/bootstrap.css" rel="stylesheet" type="text/css">
<!-- Custom CSS -->
<link href="home_files/style.css" rel="stylesheet" type="text/css">
<!-- font CSS -->
<!-- font-awesome icons -->
<link href="home_files/font-awesome.css" rel="stylesheet"> 
<script src="../../js/jquery-3.1.1.min.js" charset="utf-8" ></script>
<link rel="stylesheet" href="../../layui/css/layui.css" media="all">
<link rel="stylesheet" href="css/element.min.css">
<!-- //font-awesome icons -->
 <!-- js-->
<script src="home_files/jquery-1.js"></script>
<script src="home_files/modernizr.js"></script>


<!--//webfonts--> 
<!--animate-->
<link href="home_files/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="home_files/wow.js"></script>
	<script>
		 new WOW().init();
	</script>
	<style type="text/css">
		.main-page{
			position: absolute;
			top:65px;
		}
		#showHtml{
			position: relative;
			left:-30px;
			top:-30px;
		} 
		/*隐藏首页选项卡的关闭按钮*/
			.layui-tab ul.layui-tab-title li:nth-child(1) i {
			    display: none;
			}
			.layui-tab-item{
				height:100%;
			} 	
			.layui-body{
				z-index:-1;
			}
			.layui-layout-admin .layui-body{
				bottom: 0px; 
			}
			.layui-tab-content{
				padding-bottom: 0px;
			}
			.x-slide_left {
			    width: 17px;
			    height: 61px;
			    background: url(res/images/unfold.png) 0 0 no-repeat;
		        background-position-x: 0px;
		        background-position-y: 0px;
			    position: absolute;
			    top: 200px;
			    left: 0px;
			    cursor: pointer;
			}
		
	</style>
<!--//end-animate-->
<!-- chart -->
<script src="home_files/Chart.js"></script>
<!-- //chart -->
<!--Calender-->
<script type="text/javascript" src="js/vue.min.js"></script>
<script src="js/element.min.js"></script>
<script src="../../js/base.js"></script>

<script src="home_files/underscore-min.js" type="text/javascript"></script>
<script src="home_files/moment-2.js" type="text/javascript"></script>
<script src="home_files/clndr.js" type="text/javascript"></script>
<script src="home_files/site.js" type="text/javascript"></script>
<!--End Calender-->
<!-- Metis Menu -->
<script src="home_files/metisMenu.js"></script>
<script src="home_files/custom.js"></script>
<link href="home_files/custom.css" rel="stylesheet">
<!--//Metis Menu -->
<style>
	.cal1 ,.calender{
		display:none;
	}
	#page-wrapper{
		position: relative;
		top:-30px;
	}
</style>
</head> 
<body class="cbp-spmenu-push">

	<div class="main-content">
		<!--left-fixed -navigation-->
		<div class=" sidebar" role="navigation" >
            <div class="navbar-collapse" >
				<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
					<ul class="nav in layui-nav layui-nav-tree" id="side-menu" >
					</ul>
				</nav>
			</div>
		</div>
		<!--left-fixed -navigation-->
		<!-- header-starts -->
		<div class="sticky-header header-section ">
			<div class="header-left">
				<!--toggle button start-->
				<button id="showLeftPush"><i class="layui-icon ">&#xe668;</i><i class="layui-icon ">&#xe66b;</i></button>
				<!--toggle button end-->
				<!--logo -->
				<div class="logo">
					<a href="#">
						<h1>华美医药</h1>
						<span>生产销售管理系统</span>
					</a>
				</div>
				<!--//logo-->
				
				<div class="clearfix"> </div>
			</div>
			<div class="header-right">
				<div class="profile_details_left"><!--notifications of menu start -->
						
					<div class="clearfix"> </div>
				</div>
				<!--notification menu end -->
				<div class="profile_details">		
					<ul>
						<li class="dropdown profile_details_drop">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
								<div class="profile_img">	
									<span class="prfil-img"><img id="manRemark" style="border-radius: 25px;border: none;" width="50px" height="50px"src="home_files/a.png" alt=""> </span> 
									<div class="user-name">
										<p id=manUser>用户名</p>
										<span id="role">角色</span>
									</div>
									<i class="fa layui-icon lnr"></i>
									<i class="fa layui-icon lnr">&#xe61a;</i>
									<div class="clearfix"></div>	
								</div>	
							</a>
							<ul class="dropdown-menu drp-mnu">
								<li> <a href="javascript:;" onclick="personalInformation()"><i class="layui-icon">&#xe770;</i> 个人信息</a> </li> 
								<li> <a href="../../drugManager/unLogin.action"><i class='layui-icon'>&#xe678;</i> 注销</a> </li> 
								<li> <a href="../../drugManager/unLogin.action"><i class='layui-icon'>&#xe632;</i> 退出登录</a> </li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>				
			</div>
			<div class="clearfix"> </div>	
		</div>
		<!-- //header-ends -->
		<!-- main content start-->
		<div id="page-wrapper" style="min-height: 712px; ">
			<!-- 内容主体区域 -->
		    <div id="top-tab" class="layui-tab layui-tab-brief" lay-filter="demo" lay-allowClose="true" style="margin: 0px;height:90%;">
			  <ul class="layui-tab-title">
			    <li class="layui-this" id="close" style="-moz-user-select:none;">首页</li>
			  </ul>
			  <div class="layui-tab-content" style="height:100%;">
			  	<div class="x-slide_left" style="background-position: 0px 0px;"></div>
			    <div class="layui-tab-item layui-show">
			    	<iframe name="iframe" width="100%" scrolling="yes" style="min-height: 540px;" frameborder="0" noresize="noresize" src="../tl/index.html"></iframe>
			    </div>
			  </div>
			</div>
			
			<div class="main-page" >
			
						
						
				<div class="row calender widget-shadow">
					
					<div class="cal1"></div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
		</div>
        <!--//footer-->
	</div>
	<!-- Classie -->
		<script type="text/javascript" src="../../layui/layui.js"></script>
		<script src="home_files/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
				
				
				
			};
			

			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
					
				}
			}
		</script>
		<script type="text/javascript">
			var path=getRootPath();
			var element;
			var queryStation = false;
			
			function showMenuTree(){
			
				$.post("../../drugManager/findUser.action",function(msg){
					$("#manUser").html(msg.manUser);
					$("#role").html(msg.roleName);
					var imgsrc =path+msg.manRemark;
					$("#manRemark").attr("src",imgsrc);
				},"json");
				$.ajax({
					url:"../../drugManager/findModByManager.action",
					type:"post",
					async: false,
					success:function(ifon){
						
						$("#side-menu").html("");
						for(i=0; i<ifon.children.length; i++){
							var obj = ifon.children[i];
							if(obj.modCode=="QUERY_ST"){ 
								queryStation = true;
								continue; 
							}
							var str = '';
							str = str + '<li class="layui-nav-item layui-nav-itemed">';
							str = str + '<a  ';
							if(obj.children.length==0){
								str = str + 'id='+obj.modId;
							}
							str = str +' class="tab" href="javascript:;" ';
							if(obj.children.length==0){
								str = str + 'title='+obj.url;
							}
							str = str + '>'+obj.modName+'</a>';
							
							if(obj.children.length>0){
								str = str + '<dl class="layui-nav-child">';
							}
							for(j=0; j<obj.children.length; j++){
								var obj2 = obj.children[j];
								str = str + '<dd><a id='+obj2.modId+' class="tab" href="javascript:;" title='+obj2.url+'>'+obj2.modName+'</a></dd>';
							} 
							if(obj.children.length>0){
								str = str + '</dl>';
							}
							
							$("#side-menu").append(str+'</li>');
						}
					},
					error:function(data){
						alert("系统出错");
					}
				},"json")
				
			}
		</script>
		
		<script>
			
			var form;
			
			var index;
			
			
			$(function(){
				layui.use(['element','form'], function(){
					
				  element = layui.element;
				  showMenuTree();
				  element.init();
				  	//新增或切换选项卡
					$(".tab").click(function(){
						var tabId =$(this).attr('id');
						var falg = true;
						var li = $("#top-tab li");
						$(li).each(function(i,element){
							if($(this).attr("lay-id")==tabId){
								falg = false;
							}
						});
						if(falg==false){
							element.tabChange('demo',tabId);//切换到指定的Tab项
						}else{
							element.tabAdd('demo', {
							  title: $(this).text()
							  ,content: '<iframe name="iframe" width="100%" style="min-height: 540px;" scrolling="yes" frameborder="0" noresize="noresize" src="'+$(this).attr("title")+'"></iframe>' //支持传入html
							  ,id:$(this).attr('id')
							});
							element.tabChange('demo',tabId);//切换到指定的Tab项
						}
						
					});
				  	//关闭全部选项
				  	$("#close").dblclick(function(){
				  		var li = $("#top-tab li");
						$(li).each(function(i,ele){
							var layId = $(this).attr("lay-id");
							element.tabDelete('demo',layId);
						});
				  	});
				});
				layui.use('layer', function(){
				  var layer = layui.layer;
				  //鼠标放到首页上显示提示信息
				  $('#close').mouseover(function(){
				  	  var that = this;
				  	  layer.tips('双击关闭',"#close",{
				  		tips:2,
				  		time :700
				  	  }); //在元素的事件回调体中，follow直接赋予this即可
				  	});
				});
				
				if($(window).width()<750){
					trun = 0;
					$('.x-slide_left').css('background-position','0px -61px');
				}else{
					trun = 1;
				}
				$('.x-slide_left').click(function(event) {
					if(trun){
						$('.x-side').animate({left: '-200px'},200).siblings('.x-main').animate({left: '0px'},200);
						$(this).css('background-position','0px -61px');
						trun=0;
					}else{
						$('.x-side').animate({left: '0px'},200).siblings('.x-main').animate({left: '200px'},200);
						$(this).css('background-position','0px 0px');
						trun=1;
					}
					
				});
			});
			function personalInformation(){
				var addCen = layer.open({
			        type: 2//样式
			        ,skin: 'layui-layer-molv'//样式
			        ,area: ['85%', '86%']
			        ,title:"个人信息"//标题
			        ,id: 'mesFrom' //防止重复弹出
			        ,content: "personalInformation.html"
			        ,shade: [0.8, '#393D49'] //显示遮罩
			        ,shadeClose:true//点击也能遮罩层关闭
			        ,anim:2//弹出动画 
			      });
			}
		</script>
	<!--scrolling js-->
	<script src="home_files/jquery.js"></script>
	<script src="home_files/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
   <script src="home_files/bootstrap.js"> </script>

<div class="jqvmap-label" style="display: none;">
</div>

</body>
</html>